<template>
    <el-container>
        <el-main>
            <div class="introduce-title">
                <span>练习介绍</span>
            </div>
            <div class="introduce-content">
                <div class="content-title">python基础一阶段测评</div>
                <div class="content-tags">
                    <div class="tags-item">练习类型：在线测评</div>
                    <div class="tags-item">参与人数：122</div>
                    <div class="tags-item">建议完成时长：120分钟</div>
                </div>
                <div class="content-desc">
                    <div class="desc-left">
                        <div class="testShows">考试说明</div>
                        <div class="testShows-msg">这是一些关于python基础一阶段测评得文字描述；这是一些关于python基础一阶段测评得文字描述；这是一些关于python基础一阶段测评得文字描述；这是一些关于python基础一阶段测评得文字描述；这是一些关于python基础一阶段测评得文字描述；这是一些关于python基础一阶段测评得文字描述；这是一些关于python基础一阶段测评得文字描述；</div>
                    </div>
                    <div class="desc-right">
                        <div class="desc-title" >
                            <div class="title">题型</div>
                            <div class="title">数量</div>
                        </div>
                        <div class="desc-type" >
                            <div class="item-type">单选</div>
                            <div class="item-type">1</div>
                        </div>
                        <div class="desc-type" >
                            <div class="item-type">多选</div>
                            <div class="item-type">1</div>
                        </div>
                        <div class="desc-type" >
                            <div class="item-type">填空</div>
                            <div class="item-type">1</div>
                        </div>
                        <div class="desc-type" >
                            <div class="item-type">判断</div>
                            <div class="item-type">1</div>
                        </div>
                        <div class="desc-type" >
                            <div class="item-type">简答</div>
                            <div class="item-type">1</div>
                        </div>
                    </div>
                </div>
            </div>
        </el-main>
        <el-aside width="272px">
            <div class="introduce-aside">
                <div class="aside-title">
                    <span>相关练习</span>
                </div>
                <div class="aside-content">
                    <div class="practiceTitle">
                        <img src="../../../assets/img/userCenter/wiki.png" alt="">
                        <div class="practiceTitle-msg">
                            <div class="msg-title">练习题目</div>
                            <div class="msg-desc">这是一些关于python...</div>
                        </div>
                    </div>
                    <div class="practiceTitle">
                        <img src="../../../assets/img/userCenter/wiki.png" alt="">
                        <div class="practiceTitle-msg">
                            <div class="msg-title">练习题目</div>
                            <div class="msg-desc">这是一些关于python...</div>
                        </div>
                    </div>
                    <div class="practiceTitle">
                        <img src="../../../assets/img/userCenter/wiki.png" alt="">
                        <div class="practiceTitle-msg">
                            <div class="msg-title">练习题目</div>
                            <div class="msg-desc">这是一些关于python...</div>
                        </div>
                    </div>
                </div>
            </div>
        </el-aside>
        <div class="start" @click="goToAnwser">开始答题</div>
    </el-container>
</template>

<script>
export default {
    data() {
        return {};
    },
    components: {},
    created() {},
    mounted() {},
    methods: {
        goToAnwser(){
            this.$router.push('/oneSelect');
        }
    },
};
</script>

<style lang='scss' scoped>
@import "../../../assets/css/onlinePractice/practiceIntroduce/practiceIntroduce.scss";
</style>